<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
<body>
	<ui:composition>
		<h:panelGrid style=" width:250px;background-color:#CC9900;">
			<h:outputLabel>Right </h:outputLabel>
		</h:panelGrid>
		<h:panelGrid style=" width:250px;">
			<h:panelGroup>
				<h:graphicImage url="/resources/images/icon2.jpg"
					style="float:left;margin-top:5px;"></h:graphicImage>
				<h:outputLabel style="font-size:20px;color:blue">Right 1 </h:outputLabel>
			</h:panelGroup>
		</h:panelGrid>
		<h:form style="width:250px;border: thin solid LightCoral">
			<h:panelGrid style="width:250px;" columns="2">
				<h:outputLabel value="title 1" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:commandLink>
						<h:graphicImage url="/resources/images/icon.jpg"
							style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					</h:commandLink>
					<h:commandLink value="link 1"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 2" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 2"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 3" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 3"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 4" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 4"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 5" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 5"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
			</h:panelGrid>
		</h:form>

		<h:panelGrid style=" width:250px;">
			<h:panelGroup>
				<h:graphicImage url="/resources/images/icon2.jpg"
					style="float:left;margin-top:5px;"></h:graphicImage>
				<h:outputLabel style="font-size:20px;color:blue">Right 2 </h:outputLabel>
			</h:panelGroup>
		</h:panelGrid>
		<h:form style="width:250px;border: thin solid LightCoral">
			<h:panelGrid style="width:250px;" columns="2">
				<h:outputLabel value="title 1" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 1"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 2" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 2"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 3" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 3"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
			</h:panelGrid>
		</h:form>

		<h:panelGrid style=" width:250px;">
			<h:panelGroup>
				<h:graphicImage url="/resources/images/icon2.jpg"
					style="float:left;margin-top:5px;"></h:graphicImage>
				<h:outputLabel style="font-size:20px;color:blue">Right 3 </h:outputLabel>
			</h:panelGroup>
		</h:panelGrid>
		<h:form style="width:250px;border: thin solid LightCoral">
			<h:panelGrid style="width:250px;" columns="2">
				<h:outputLabel value="title 1" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 1"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 2" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 2"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 3" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 3"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
			</h:panelGrid>
		</h:form>

		<h:panelGrid style=" width:250px;">
			<h:panelGroup>
				<h:graphicImage url="/resources/images/icon2.jpg"
					style="float:left;margin-top:5px;"></h:graphicImage>
				<h:outputLabel style="font-size:20px;color:blue">Right 4 </h:outputLabel>
			</h:panelGroup>
		</h:panelGrid>
		<h:form style="width:250px;border: thin solid LightCoral">
			<h:panelGrid style="width:250px;" columns="2">
				<h:outputLabel value="title 1" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 1"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 2" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 2"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
			</h:panelGrid>
		</h:form>

		<h:panelGrid style=" width:250px;" columns="2">
			<h:panelGroup>
				<h:graphicImage url="/resources/images/icon2.jpg"
					style="float:left;margin-top:5px;"></h:graphicImage>
				<h:outputLabel style="font-size:20px;color:blue">Right 5 </h:outputLabel>
				<h:outputLabel style="float:right">right 5.1</h:outputLabel>
			</h:panelGroup>

		</h:panelGrid>
		<h:form style="width:250px;border: thin solid LightCoral">
			<h:panelGrid style="width:250px;" columns="2">
				<h:outputLabel value="title 1" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 1"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
			</h:panelGrid>
		</h:form>

		<h:panelGrid style=" width:250px;">
			<h:panelGroup>
				<h:graphicImage url="/resources/images/icon2.jpg"
					style="float:left;margin-top:5px;"></h:graphicImage>
				<h:outputLabel style="font-size:20px;color:blue">Right 6 </h:outputLabel>
			</h:panelGroup>
		</h:panelGrid>
		<h:form style="width:250px;border: thin solid LightCoral">
			<h:panelGrid style="width:250px;" columns="2">
				<h:outputLabel value="title 1" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 1"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
				<h:outputLabel value="title 2" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:graphicImage url="/resources/images/icon.jpg"
						style="float:right;margin-left:5px;margin-top:5px;"></h:graphicImage>
					<h:commandLink value="link 2"
						style="float:right;text-decoration:none;"></h:commandLink>
				</h:panelGroup>
			</h:panelGrid>
		</h:form>

		<div style="height: 3px;"></div>
		<h:form style="width:250px;border: thin solid LightCoral">
			<h:panelGrid style="width:250px;" columns="2">
				<h:outputLabel value="title 1" style="float:left;"></h:outputLabel>
				<h:panelGroup>
					<h:commandButton value="button 2" style="float:right;"></h:commandButton>
					<h:commandButton value="button 1" style="float:right;"></h:commandButton>
				</h:panelGroup>
				<h:selectOneListbox value="select 1" style="float:left;"></h:selectOneListbox>
			</h:panelGrid>
		</h:form>
	</ui:composition>
</body>
</html>